<!DOCTYPE HTML>
<html>
<head>
<title>Blogs</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Inward Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<script src="js/jquery-1.11.1.min.js"></script>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,600,400italic,300italic,300' rel='stylesheet' type='text/css'>
<!--startsmoth-scrolling-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
 <script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
			});
		});
	</script>
<!--Endsmothscrolling-->
<script>
$(document).ready(function(){
    $(".dropdown").hover(            
        function() {
            $('.dropdown-menu', this).stop( true, true ).slideDown("fast");
            $(this).toggleClass('open');        
        },
        function() {
            $('.dropdown-menu', this).stop( true, true ).slideUp("fast");
            $(this).toggleClass('open');       
        }
    );
});
</script>
</head>
<body>
		<!--header-->
			<div class="header head-top">
				<div class="header-top">
				<nav class="navbar navbar-default">
			  <div class="container-fluid">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
				  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				  </button>
					</div>
        <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li><a href="index.html">Home<span class="sr-only">(current)</span></a></li>
        <li><a href="about.html" >About</a></li>
		<li><a href="services.html">Services</a></li>
		<li class="dropdown">
			<a href="#" class="dropdown-toggle" data-toggle="dropdown">Gallery<span class="caret"></span></a>
			<ul class="dropdown-menu" role="menu">
				<li><a href="gallery.html">Gallery 1</a></li>
				<li><a href="gallery.html">Gallery 2</a></li>
				<li><a href="gallery.html">Gallery 3</a></li>  
			</ul>
		</li>
		<li><a href="typo.html">Typo</a></li>
		<li class="active"><a href="blog.html">Blog</a></li>
		<li><a href="mail.html">Mail</a></li>
        </ul>
    </div><!-- /.navbar-collapse-->
  </div><!-- /.container-fluid-->
</nav>
	<div class="social-icons">
		<a href="#"><i class="icon1"></i></a>
		<a href="#"><i class="icon2"></i></a>
		<a href="#"><i class="icon3"></i></a>
		<a href="#"><i class="icon4"></i></a>
	</div>
	<div class="clearfix"></div>
</div>
			<div class="banner-center banner-top">
				<div class="container">
					<div class="logo">
						<h1><a href="index.html">Inward</a></h1>
					</div>
				</div>
			</div>
		</div>
		<!--header-->
		<script src="js/bootstrap.js"></script>
		<!--blog-->
		<div class="content">
			<div class="blog-section">
				<div class="container">
					<h2>blog</h2>
						<div class="blog-grids">
							<div class="col-md-4 blog-grid">
								<a href="single.html" class="mask">
					     		<img src="images/e1.jpg" class="img-responsive zoom-img" alt=""></a>
								<h5>october 17, 2014</h5>
								 <h4><a href="single.html">sodales orci et</a></h4>
								<p>Were dolor in hendrerit in vulputate velit esse molestie con sequat,Nulla consectetur maximus sem vel aliquet. Donec blandit condimentum varius</p>
								<a href="single.html" class="button"> more info</a>
							</div>
						<div class="col-md-4 blog-grid">
								<a href="single.html" class="mask">
				    			 <img src="images/e2.jpg" class="img-responsive zoom-img" alt="">
								</a>						
								<h5>october 19, 2014</h5>
								 <h4><a href="single.html">sodales orci et</a></h4>
								<p>Were dolor in hendrerit in vulputate velit esse molestie con sequat,Nulla consectetur maximus sem vel aliquet. Donec blandit condimentum varius</p>
								<a href="single.html" class="button"> more info</a>
						</div>
						<div class="col-md-4 blog-grid">
								<a href="single.html" class="mask">
								<img src="images/e3.jpg" class="img-responsive zoom-img" alt=""></a>						
								<h5>october 29, 2014</h5>
								 <h4><a href="single.html">sodales orci et</a></h4>
								<p>Were dolor in hendrerit in vulputate velit esse molestie con sequat,Nulla consectetur maximus sem vel aliquet. Donec blandit condimentum varius</p>
								<a href="single.html" class="button"> more info</a>
						</div>
						<div class="col-md-4 blog-grid">
								<a href="single.html" class="mask">
								<img src="images/e4.jpg" class="img-responsive zoom-img" alt=""></a>						
								<h5>october 17, 2014</h5>
								 <h4><a href="single.html">sodales orci et</a></h4>
								<p>Were dolor in hendrerit in vulputate velit esse molestie con sequat,Nulla consectetur maximus sem vel aliquet. Donec blandit condimentum varius</p>
								<a href="single.html" class="button"> more info</a>
						</div>
						<div class="col-md-4 blog-grid">
								<a href="single.html" class="mask">
								<img src="images/e5.jpg" class="img-responsive zoom-img" alt=""></a>						
								<h5>october 15, 2014</h5>
								  <h4><a href="single.html">sodales orci et</a></h4>
								<p>Were dolor in hendrerit in vulputate velit esse molestie con sequat,Nulla consectetur maximus sem vel aliquet. Donec blandit condimentum varius</p>
								<a href="single.html" class="button"> more info</a>
						</div>
						<div class="col-md-4 blog-grid">
								<a href="single.html" class="mask">
								<img src="images/e6.jpg" class="img-responsive zoom-img" alt=""></a>						
								<h5>october 17, 2014</h5>
								 <h4><a href="single.html">sodales orci et</a></h4>
								<p>Were dolor in hendrerit in vulputate velit esse molestie con sequat,Nulla consectetur maximus sem vel aliquet. Donec blandit condimentum varius</p>
								<a href="single.html" class="button"> more info</a>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>
		<!--blog-->
				<!--indicate-->
				<div class="indicate">
					<div class="container">
						<div class="indicate-grids">
							<div class="col-md-3 indicate-grid">
								<span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span>
								<p>New York 9870 St Vincent</p>
							</div>
							<div class="col-md-3 indicate-grid">
								<span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>
								<p>Telephone :  +1 800 603 6035</p>
							</div>
							<div class="col-md-3 indicate-grid">
								<span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
								<p>E-mail : <a href="mailto:example@mail.com"> example@mail.com</a></p>
							</div>
							<div class="col-md-3 indicate-grid">
								<span class="glyphicon glyphicon-send" aria-hidden="true"></span>
								<p>FAX :  +1 800 889 9898</p>
							</div>
							<div class="clearfix"></div>
						</div>
					</div>
				</div>
			<!--indicate-->
			</div>
			<!--footer-->
		<div class="footer-section">
						<div class="container">
							<div class="footer-top">
						<p>Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://www.cssmoban.com/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
									</div>
							<script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
				<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
				</div>
			</div>
</body>
</html>